<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <title>yangjunbo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <meta name="keywords" content="MinHow,MinHow's Blog" />
  
  <meta property="og:type" content="website">
<meta property="og:title" content="yangjunbo">
<meta property="og:url" content="http://yoursite.com/index.html">
<meta property="og:site_name" content="yangjunbo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="yangjunbo">
  
  
    <link rel="icon" href="/favicon.ico">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/style.css">
  <script src="/js/pace.min.js"></script>
  

  
  

</head>

<body>
  <div id="container">
      <header id="header">
    <div id="banner"></div>
    <div id="header-outer">
        <div id="header-row">
            <div id="logo">
                <a href="/">
                    <img src="/images/logo.png" alt="logo">
                </a>
            </div>
            <div class="header-info">
                <div id="header-title">
                    
                    <h2>
                        欢迎来到我的博客
                    </h2>
                    
                </div>
                <div id="header-description">
                    
                    <h3>
                        My name is yangjunbo
                    </h3>
                    
                </div>
            </div>
            <nav class="header-nav">
                <div class="social">
                    
                        <a title="Home"  href="http://yangjunboyjb.oschina.io/">
                            <i class="fa fa-home fa-2x"></i></a>
                    
                        <a title="Github" target="_blank" href="//github.com/wongminho">
                            <i class="fa fa-github fa-2x"></i></a>
                    
                        <a title="Weibo" target="_blank" href="http://weibo.com/5938689701/profile?topnav=1&wvr=6&is_all=1">
                            <i class="fa fa-weibo fa-2x"></i></a>
                    
                        <a   ">
                            <i class="fa fa-twitter fa-2x"></i></a>
                    
                </div>
            </nav>
        </div>
    </div>
</header>

      <div class="outer">
        <section id="main" class="body-wrap">
  
    <article id="post-canvas" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2017/01/05/canvas/"  target="_blank"  >canvas</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a>
                
                <img src="images/banner.jpg" alt="canvas" title="canvas">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                canvas1.标签1&lt;canvas width="600" height="400"&gt;&lt;/canvas&gt;
###注意:不建议把样式写在style中;会拉伸绘制的内容;写行内样式就不会出现;是真正的扩大;行内样式是不带单位的样式;默认的宽度是300*150 ; 绘图需要JavaScript进行绘制
绘制过程123456789var canvas =...
            </p>
        </div>
      
    </div>
    <footer class="article-footer">
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2017-01-05</li>
            
            
        </ul>
        
            <a href="/2017/01/05/canvas/#more" class="article-more-link"  target="_blank" >详细信息</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-ajax" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2016/06/05/ajax/"  target="_blank"  >Ajax(detailed information)</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a>
                
                <img src="images/banner.jpg" alt="Ajax(detailed information)" title="Ajax(detailed information)">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                1、服务器
前言：通俗的讲，能够提供某种服务的机器（计算机）称为服务器

1.1、服务器类型按照不同的划分标准，服务可划分为以下类型：

按服务类型可分为：文件服务器、数据库服务器、邮件服务器、Web服务器等；
按操作系统可分为：Linux服务器、Windows服务器等；
按应用软件可分为 Apache服务器、Nginx 服务器、IIS服务器、Tomcat服务器、webl...
            </p>
        </div>
      
    </div>
    <footer class="article-footer">
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2016-06-05</li>
            
            
        </ul>
        
            <a href="/2016/06/05/ajax/#more" class="article-more-link"  target="_blank" >详细信息</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-recursion" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2016/05/07/recursion/"  target="_blank"  >recursion</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a>
                
                <img src="images/banner.jpg" alt="recursion" title="recursion">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                1.闭包概念:闭包就是可以读取其他函数内部变量的函数;由于在javascript中;只有函数内部的子函数才能读取局部变量;因此可以把闭包理解为:定义在一个函数内部的函数;而子函数访问到了外层函数的成员;则这个函数称之为一个闭包函数;闭包就是把函数内部和函数外部连接起来的一座桥梁;虽然这个函数拿到全局了;但是这个函数的作用域以定义是函数的作用域为准 ;函数嵌套一般才会用到 ...
            </p>
        </div>
      
    </div>
    <footer class="article-footer">
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2016-05-07</li>
            
            
        </ul>
        
            <a href="/2016/05/07/recursion/#more" class="article-more-link"  target="_blank" >详细信息</a>
        
    </footer>
  </div>
</article>


  
    <article id="post-javascript (2)" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-inner">
    
      <header class="article-header">
        
  
    <h1 itemprop="name">
      <a class="article-title" href="/2015/11/16/javascript (2)/"  target="_blank"  >javascriptObject</a>
    </h1>
  

          
      </header>
    
    <div class="article-entry " itemprop="articleBody">
      
        <div class="article-img">
            <a>
                
                <img src="images/banner.jpg" alt="javascriptObject" title="javascriptObject">
                
            </a>
        </div>
        <div class="article-feed">
            <p>
                1.对象.对象在js中有狭义对象.广义对象两种狭义对象就是用{}这种字面量形式定义的对象,他是一组属性对的无序组合狭义对象用对象存储12345678910Var obj = &#123;Name:’小明’Age:18Hobby:[“足球””绣花””打麻将”]&#125;//这是一个人;他除了三个属性;其他的什么也没有//如果用数组存储刚才得值var o = ["小明","...
            </p>
        </div>
      
    </div>
    <footer class="article-footer">
        <ul class="article-footer-menu">
            
                <li><i class="fa fa-calendar"></i>2015-11-16</li>
            
            
        </ul>
        
            <a href="/2015/11/16/javascript (2)/#more" class="article-more-link"  target="_blank" >详细信息</a>
        
    </footer>
  </div>
</article>


  

</section>
        
      </div>
      <footer id="footer">
  <div class="outer">
    <div id="footer-info" class="inner">
      
<p>
    <span id="busuanzi_container_site_uv" style='display:none'>
        总访客数：<span id="busuanzi_value_site_uv"></span>
    </span>
    <span id="busuanzi_container_site_pv" style='display:none'>
        总访问量：<span id="busuanzi_value_site_pv"></span>
    </span>
</p>


      <p>
        Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
        Theme <a href="//github.com/wongminho/hexo-theme-miho" target="_blank">MiHo</a>
      &copy; 2017 yangjunbo<br>
      </p>
    </div>
  </div>
</footer>
    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
  var mihoConfig = {
      root: "http://yoursite.com",
      animate: true,
      isHome: true
  }
</script>
<div class="sidebar">
    <div id="sidebar-search">
        <i class="fa fa-search"></i>
    </div>
    <div class="sidebar-menu">
        <i class="fa fa-bars"></i>
    </div>
    <div id="sidebar-top">
        <span class="sidebar-top-icon"><i class="fa fa-angle-up"></i></span>
    </div>
</div>
<div class="sidebar-menu-box">
    <div class="sidebar-menu-box-container">
        <div id="sidebar-menu-box-tags">
            
        </div>
    </div>
    <a href="javascript:;" class="sidebar-menu-box-close">&times;</a>
</div>
<div class="search-wrap">
    <span class="search-close">&times;</span>
        <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
            <i class="icon icon-lg icon-chevron-left"></i>
        </a>
        <input class="search-field" placeholder="Search..." id="keywords">
        <a id="search-submit" href="javascript:;">
            <i class="fa fa-search"></i>
        </a>
</div>

<div class="search-container" id="search-container">
    <ul class="search-result" id="search-result">
    </ul>
</div>
<div id="search-tpl">
    <li class="search-result-item">
        <a href="{url}" class="search-item-li">
            <span class="search-item-li-title" title="{title}">{title}</span>
        </a>
    </li>
</div>
<script src="/js/search.js"></script>
<script src="/js/sidebar-menu-box.js"></script>


  <script src="//cdn.bootcss.com/particles.js/2.0.0/particles.min.js"></script>
  <div id="particles"></div>
  <script src="/js/particles.js"></script>







  <link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">
  <script src="//cdn.bootcss.com/scrollReveal.js/3.0.5/scrollreveal.js"></script>
  <script src="/js/animate.js"></script>

  </div>
</body>
</html>